.container {
  width: 500px;
  height: 600px;
  border: 1px solid;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  /* text-align: center; */
}

.title {
  text-align: center;
}


.myinput {
  width: 300px;
  height: 30px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.myul {
  margin-left: 70px;
  width: 300px;
}

.myul li {
  position: relative;
  height: 30px;
}

.del {
  /* float: right; */
  position: absolute;
  right: 10px;
  /* text-decoration: line-through; */
}

.total {
  position: absolute;
  bottom: 10px;
  left: 20px;
}